/**
 * SLIDESHOW CSS
 * @version 1.42
 *
 * 1.1 - text pozicovaný přes obrázek (možnost)
 * 1.2 - úpravy pro B+J
 * 1.3 - text nad obrázkem, úpravy rozměrů pro Inotech
 * 1.4 - display: none; --- Aby se obrázky schovaly, než se načtou ---
 * 1.41- pokud není slideshow definováno, neobjeví se (nemá height)   
 *
 **/

#slideshow_box {
  /*height: 200px;*/ /* pevný box nebo schovávací */
    background-color: #C1B7A6;
    right: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 823px;
    height: 202px;
} 

#slideshow {
    clear: both;
    height: 202px;
    overflow: hidden;
    width: 823px;
  
}

.pics {
    height:  auto;
    /*width:   1000px;*/
    padding: 0;
    margin:  0;
}

.pics div.slide {
    top:  0;
    left: 0;
    /*display: none;*/
    /*width:  1002px;*/ /*pokud budou stejně široké slidy, nemělo by to být nutné nastavovat*/
    overflow: hidden;
}

.pics img {
    float: left;
    /*margin-right: 30px;*/
}

.pics .text {
  font-family: tahoma;
  color: #fff;
  /*font-size: 30px;*/
}
/* pokud je požadavek na text v obrazu (nad obrázkem) */
.pics .text {
  bottom: 10px;
  left: 20px;
  position: absolute;
}

.pics div p {
  margin: 10px 0;
}

.pics p a {
  text-decoration: underline;
  color: #fff;
}

#navibox {
  bottom: 0;
  opacity: 0.8;
  position: absolute;
  right: 0;
  z-index: 100;
}

#nav {
    /*display: inline;*/
    float: right;
}

#nav a, #button {
    background-color: #333333;
    color: #CCCCCC;
    margin: 0 5px 0 0;
    padding: 0px 10px;
    text-decoration: none;
}

#nav a.activeSlide {
    color: #333;
    background-color: #00aeef;
}